<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>周公解梦-分类</title>
    <link rel="stylesheet" href="../css/app/app_style.css">
</head>
<body>
    <div class="container">
        <div class="banner">
            <img src="images/banner@2x.png" alt="">
        </div>
        <div class="search">
            <div class="m-lr">
                <input type="text" placeholder="搜索梦境"/>
                <button><img src="images/search@3x.png" alt=""></button>
            </div>
        </div>
        <div class="d_classify">
            <ul>
                <li><a href="#">
                    <span class="d_c_l"><img src="images/d-01@3x.png" alt="" class="m-r-xs">人物类</span>
                    <span class="d_c_r"><img src="images/enter-icon@3x.png" alt=""></span>
                </a></li>
                <li><a href="#">
                    <span class="d_c_l"><img src="images/d-02@3x.png" alt="" class="m-r-xs">动物类</span>
                    <span class="d_c_r"><img src="images/enter-icon@3x.png" alt=""></span>
                </a></li>
                <li><a href="#">
                    <span class="d_c_l"><img src="images/d-03@3x.png" alt="" class="m-r-xs">娱乐类</span>
                    <span class="d_c_r"><img src="images/enter-icon@3x.png" alt=""></span>
                </a></li>
                <li><a href="#">
                    <span class="d_c_l"><img src="images/d-04@3x.png" alt="" class="m-r-xs">宗教类</span>
                    <span class="d_c_r"><img src="images/enter-icon@3x.png" alt=""></span>
                </a></li>
                <li><a href="#">
                    <span class="d_c_l"><img src="images/d-05@3x.png" alt="" class="m-r-xs">山水类</span>
                    <span class="d_c_r"><img src="images/enter-icon@3x.png" alt=""></span>
                </a></li>
                <li><a href="#">
                    <span class="d_c_l"><img src="images/d-06@3x.png" alt="" class="m-r-xs">建筑类</span>
                    <span class="d_c_r"><img src="images/enter-icon@3x.png" alt=""></span>
                </a></li>
                <li><a href="#">
                    <span class="d_c_l"><img src="images/d-07@3x.png" alt="" class="m-r-xs">恐怖类</span>
                    <span class="d_c_r"><img src="images/enter-icon@3x.png" alt=""></span>
                </a></li>
                <li><a href="#">
                    <span class="d_c_l"><img src="images/d-08@3x.png" alt="" class="m-r-xs">情爱类</span>
                    <span class="d_c_r"><img src="images/enter-icon@3x.png" alt=""></span>
                </a></li>
                <li><a href="#">
                    <span class="d_c_l"><img src="images/d-09@3x.png" alt="" class="m-r-xs">植物类</span>
                    <span class="d_c_r"><img src="images/enter-icon@3x.png" alt=""></span>
                </a></li>
                <li><a href="#">
                    <span class="d_c_l"><img src="images/d-10@3x.png" alt="" class="m-r-xs">活动类</span>
                    <span class="d_c_r"><img src="images/enter-icon@3x.png" alt=""></span>
                </a></li>
                <li><a href="#">
                    <span class="d_c_l"><img src="images/d-11@3x.png" alt="" class="m-r-xs">物品类</span>
                    <span class="d_c_r"><img src="images/enter-icon@3x.png" alt=""></span>
                </a></li>
                <li><a href="#">
                    <span class="d_c_l"><img src="images/d-12@3x.png" alt="" class="m-r-xs">生活类</span>
                    <span class="d_c_r"><img src="images/enter-icon@3x.png" alt=""></span>
                </a></li>
                <li><a href="#">
                    <span class="d_c_l"><img src="images/d-13@3x.png" alt="" class="m-r-xs">疾病类</span>
                    <span class="d_c_r"><img src="images/enter-icon@3x.png" alt=""></span>
                </a></li>
                <li><a href="#">
                    <span class="d_c_l"><img src="images/d-14@3x.png" alt="" class="m-r-xs">自然类</span>
                    <span class="d_c_r"><img src="images/enter-icon@3x.png" alt=""></span>
                </a></li>
                <li><a href="#">
                    <span class="d_c_l"><img src="images/d-15@3x.png" alt="" class="m-r-xs">身体类</span>
                    <span class="d_c_r"><img src="images/enter-icon@3x.png" alt=""></span>
                </a></li>
                <li><a href="#">
                    <span class="d_c_l"><img src="images/d-16@3x.png" alt="" class="m-r-xs">运动类</span>
                    <span class="d_c_r"><img src="images/enter-icon@3x.png" alt=""></span>
                </a></li>
                <li><a href="#">
                    <span class="d_c_l"><img src="images/d-17@3x.png" alt="" class="m-r-xs">食物类</span>
                    <span class="d_c_r"><img src="images/enter-icon@3x.png" alt=""></span>
                </a></li>
                <li><a href="#">
                    <span class="d_c_l"><img src="images/d-18@3x.png" alt="" class="m-r-xs">鬼神类</span>
                    <span class="d_c_r"><img src="images/enter-icon@3x.png" alt=""></span>
                </a></li>
                <li><a href="#">
                    <span class="d_c_l"><img src="images/d-19@3x.png" alt="" class="m-r-xs">其它类</span>
                    <span class="d_c_r"><img src="images/enter-icon@3x.png" alt=""></span>
                </a></li>
            </ul>
        </div>
    </div>
</body>
</html>